*{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.content{
    width: 100%;
    height: 100%;
    background: #f6f5f3; 
    
}
.top-log{
    width: 500px;
    height: 415px;
}
.log{
   
    width: 1019px;
    height: 415px;
    background: url(../img/kv-4.jpg) no-repeat 0 0/100%100%;
    animation: log 5s linear infinite;
    position: relative;
}
@keyframes log{
    0%{
        background: url(../img/kv-4.jpg) no-repeat 00/100%100%;

    }
    20%{
        background: url(../img/kv-5.jpg) no-repeat 00/100%100%;
    }
    40%{
        background: url(../img/kv-1.jpg) no-repeat 00/100%100%;
    }
    60%{
        background: url(../img/kv-2.jpg) no-repeat 00/100%100%;
    }
    80%{
        background: url(../img/deliver-banner-0411.jpg) no-repeat 00/100%100%;
    }
    100%{
        background: url(../img/featured-1.jpg) no-repeat 00/100%100%;
    }
    
}
.log-g{
    width: 36px;
    height: 21px;
    background: #000;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 10px;
}
.ga{
    width: 30px;
    height: 20px;
    color: #fff;
    font-size: 12px;
  
    line-height: 20px;

}
.cm{
    margin-top: 30px;
    width: 1000px;
    height: 190px;
    
    display: flex;
    justify-content: space-between;  
    
}
.cm li img{
    width: 263px;
    height: 166px;
   margin-top: 10px;
}
.cm li img:hover{
    transform: translateY(-10px);
}
.xin{
    width: 1036px;
    height: 248px;
    background: #fff;
}
.xinkong{
    width: 750px;
    height: 248px;
    margin: 0px auto;
   
    margin-top: 20px;
}
.left-a{
    width: 350px;
    height: 230px;
    
    margin-top: 20px;
    float: left;
}
.xinkong-a{
    text-align: center;
    height: 30px;
    font-size: 25px;
}
.kq{
    margin-top: 20px;
    line-height: 30px;
    height: 60px;
    font-size: 16px;
    color: #666;
}
.lj{
    color: #C2A661;
}
.zu{
    width: 200px;
    height: 40px;
    
    margin-top: 20px;
}
.zu-a{
    width: 80px;
    height: 30px;
    border: 1px solid #00A862;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    color: #00A862;
    float: left;
    margin: 5px ;
}
.right-a{
    width: 236px;
    height: 72px;
    float: right;
    margin: 0px auto;
    margin-top: 80px;
}
.xinba{
    width: 1019px;
    height: 416px;
    
    
}
.xinba-a{
    overflow: hidden;
   width:200px;
   height: 40px;
   margin-top: 20px;
   font-size: 30px;
  margin-left: 400px;
}
.xinba-b{
    width: 300px;
    height: 30px;
    margin-left: 340px;
    color: #666;
    margin-top: 20px;
}
.hy{
    width: 800px;
    height: 270px;    
    margin: 0px auto;
}
.hy-a{
   
    top: -10px;
    left: 30px;;
    width: 101px;
    height: 72px;
    background: url(../img/tmall-card-01.png) no-repeat 00/100%100%;
    margin-top: -40px;
    margin-left: 25px;
}

.hy-b{
    overflow: hidden;
   margin-left: 35px;
    font-size: 16px;
    font-weight: bold;
}
.xinka{
    width: 90px;
    height: 50px;
    margin: 0px auto;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    
}
.lj-a{
    color: #C2A661;
    font-size: 14px;
    margin-top: 20px;
    margin-left: 40px;
}
.hy li{
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.12);
    
    background: #fff;
    width: 162px;
    height: 197px;
    
    float: left;
    margin: 50px 0px 0px 30px;
    
}
.hy li:hover{
    transform: translateY(-20px);
}
.paike{
    width: 1019px;
   height: 426px;
   
    overflow: hidden;
    background: #fff;
}
.paike-a{

    width: 500px;
    height: 80px;
    
    margin: 0px auto;
    margin-top: 50px;

}
.kh{
    font-size: 26px;
    text-align: center;
}
.lji{
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.paike-b{
    width: 1000px;
    height: 260px;
    
    margin-top: 30px;
    
    display: flex;
    justify-content: space-between;
    position: relative;
}
.zs{
    width: 80px;
    height: 30px;
    position: absolute;
    top: 0px;
    line-height: 30px;
    text-align: center;
    background: #C2A661;
    color: #fff;
}
.pt{
    width: 290px;
    height: 168px;
    background: url(../img/coffeehouse-coffee-cultivation-kv.jpg) no-repeat 00/100%100%;
}
.pt-a{
    font-size: 16px;
    margin-top: 20px;
    margin-left: 20px;
}
.paike-b li{
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.12);
    width: 288px;
    height: 240px;
}
